.as-calendar {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;}
.as-calendar[readonly] {background-color: #eee;opacity: 1;}
.as-calendar:focus {border-color: #66afe9;outline: 0;box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}

.as-calendarpicker {font-family: 微软雅黑, Tahoma, Geneva, sans-serif; font-size: 12px;border: 1px #ddd solid;background-color: #fff;width: 100%;max-width:250px;display:block;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.as-calendarpicker ul{padding: 0;margin:0;list-style: none;}
.as-calendarpicker ul li{padding: 0.6em 0.6em;}
.as-calendarpicker table {padding: 1em;}
.as-calendarpicker table th{width: 4em;height:2.6em;text-align: center;}
.as-calendarpicker table td{width: 4em;height:2.6em;text-align: center;}
.as-calendarpicker a {text-decoration: none;}

.as-calendarpicker .day{border-radius: 2px;}
.as-calendarpicker .day:hover,.Minute:hover,.hour:hover,.prev:hover,.next:hover,.prevY:hover,.nextY:hover{cursor: pointer;background-color: #eee;}
.as-calendarpicker .active{background: #3bafda !important;color: #FFF !important;}
.as-calendarpicker .today{color: #0099DA;}
.as-calendarpicker .prevMonth,.nextMonth{color: #bbb;}

.as-calendarpicker .toolbar:hover{cursor: pointer;}
.as-calendarpicker .toolbar a{width: 100%;}